<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="美食天下，天下美食，美食做法">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/caidan.css">

    <title>主页</title>
</head>

<body>
    <div class="box">
        <header>
            <h1 class="title">美食天下</h1>
            <div class="header">
                <a href="#"><img src="../img/logo.png" alt="图片无法显示"></a>
                <ul class="nav">
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="./caidan.html">菜谱</a></li>
                    <li><a href="./healthy.html">健康</a></li>
                    <li><a href="./community.html">社区</a></li>
                    <li><a href="./market.html">市集</a></li>
                </ul>
                <div class="logon">
                    <div class="iconfont icon-fangdajing icon">
                        <div class="hide">
                            <div>
                                <input type="text" value="搜索.....">
                                <button><span class="iconfont icon-fangdajing"></span></button>
                            </div>
                        </div>
                    </div>
                    <a href="../html/logon.html"><span class="iconfont icon-gouwuche"></span></a>
                    <a href="../html/logon.html"><span class="iconfont icon-ren"></span></a>
                    <a href="../html/logon.html"><button>登录/注册</button></a>
                </div>
            </div>
        </header>
        <main>
            <div class="nav">
                <ul class="clearfix">
                    <li class="nav-lift"><a href="">全部</a></li>
                    <li><a href="./caipu.html">热菜</a></li>
                    <li><a href="#">凉菜</a></li>
                    <li><a href="#">汤羹</a></li>
                    <li><a href="#">主食</a></li>
                    <li><a href="#">小吃</a></li>
                    <li><a href="#">西餐</a></li>
                    <li><a href="#">烘焙</a></li>
                    <li><a href="#">饮品</a></li>
                    <li><a href="#">零食</a></li>
                    <li><a href="#">泡酱腌菜</a></li>
                    <li><a href="#">自制食材</a></li>
                    <li><a href="#">最新菜谱</a></li>
                    <li class="nav-right"><a href="">浏览全部菜谱</a></li>
                </ul>
            </div>
            <div class="home-index">
                <ul class="clearfix">
                    <li>
                        <a href="#"><img src="../img/zhizuo-img/0020.jpg" alt="图片无法显示">
                            <p>饭前开胃汤</p>
                        </a></li>
                    <li><a href="#"><img src="../img/zhizuo-img/0021.jpg" alt="图片无法显示">
                            <p>特色小吃</p>
                        </a></li>
                    <li><a href="#"><img src="../img/zhizuo-img/0022.jpg" alt="图片无法显示">
                            <p>宫爆菜，胃口福星</p>
                        </a></li>
                </ul>
            </div>
            <div class="recipe-index clearfix">
                  <a href="#"><img src="../img/zhizuo-img/r01.jpg" alt="图片无法显示"> 一周最热</a>
                  <a href="#"><img src="../img/zhizuo-img/r02.jpg" alt="图片无法显示"> 人气菜肴</a>
                  <a href="#"><img src="../img/zhizuo-img/r03.png" alt="图片无法显示"> 春季食谱</a>
                  <a href="#"><img src="../img/zhizuo-img/r04.jpg" alt="图片无法显示"> 高颜值</a>
                  <a href="#"><img src="../img/zhizuo-img/r05.jpg" alt="图片无法显示"> 快手菜</a>
                  <a href="#"><img src="../img/zhizuo-img/r06.jpg" alt="图片无法显示"> 早餐</a>
                  <a href="#"><img src="../img/zhizuo-img/r07.jpg" alt="图片无法显示"> 家常菜谱</a>
                  <a href="#"><img src="../img/zhizuo-img/r08.jpg" alt="图片无法显示"> 烘焙大全</a>
                  <a href="#"><img src="../img/zhizuo-img/r09.jpg" alt="图片无法显示"> 亲子专区</a>
                  <a href="#"><img src="../img/zhizuo-img/r10.jpg" alt="图片无法显示"> 所有菜谱</a>
            </div>
            <div class="recipe-info">
                <ul class="clearfix">
                    <li class="on">最新推荐</li>
                    <li><a href="#">最新发布</a></li>
                    <li><a href="#">热菜</a></li>
                    <li><a href="#">凉菜</a></li>
                    <li><a href="#">汤羹</a></li>
                    <li><a href="#">主食</a></li>
                    <li><a href="#">小吃</a></li>
                    <li><a href="#">西餐</a></li>
                    <li><a href="#">烘焙</a></li>
                    <li><a href="#">自制食材</a></li>
                    <li class="right"><a href="#">全部分类</a></li>
                </ul>
            </div>  
            <div class="big-list">
                <ul class="clearfix">
                    <li><a href="#"><i><img src="../img/zhizuo-img/0031.jpg" alt="图片无法显示"></i><p>西蓝花鸡肉卷</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0032.jpg" alt="图片无法显示"></i><p>板栗烧鸡</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0033.jpg" alt="图片无法显示"></i><p>银耳红枣雪梨汤</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0034.jpg" alt="图片无法显示"></i><p>莲蓉月饼馅</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0035.jpg" alt="图片无法显示"></i><p>自制月饼</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0036.jpg" alt="图片无法显示"></i><p>紫薯椰蓉酥皮月饼</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0037.jpg" alt="图片无法显示"></i><p>胡萝卜鸡肉肠</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0038.jpg" alt="图片无法显示"></i><p>冰皮月饼</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0039.jpg" alt="图片无法显示"></i><p>凉拌杏鲍菇</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0040.jpg" alt="图片无法显示"></i><p>火腿肠炒米粉</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0041.jpg" alt="图片无法显示"></i><p>杂炒四丝</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0042.jpg" alt="图片无法显示"></i><p>蟹肉棒鸡蛋糕炒娃娃菜</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0043.jpg" alt="图片无法显示"></i><p>懒人鸡蛋煎饺</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0044.jpg" alt="图片无法显示"></i><p>开花馒头</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0045.jpg" alt="图片无法显示"></i><p>聪明伶俐饼</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0046.jpg" alt="图片无法显示"></i><p>广式蛋黄豆沙月饼</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0047.jpg" alt="图片无法显示"></i><p>炒五季豆</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0048.jpg" alt="图片无法显示"></i><p>烤鸭腿</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0049.jpg" alt="图片无法显示"></i><p>自制咸鹅蛋</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0050.jpg" alt="图片无法显示"></i><p>简单好吃的红烧肉</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0051.jpg" alt="图片无法显示"></i><p>虫草花鸡汤面片</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0052.jpg" alt="图片无法显示"></i><p>凉拌鸡丝</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0053.jpg" alt="图片无法显示"></i><p>土豆烧肉</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0054.jpg" alt="图片无法显示"></i><p>豇豆炒鸡肉</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0055.jpg" alt="图片无法显示"></i><p>香干炒笋干</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0056.jpg" alt="图片无法显示"></i><p>猪骨炖豆角</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0057.jpg" alt="图片无法显示"></i><p>肉丝炒杏鲍菇</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0058.jpg" alt="图片无法显示"></i><p>芒果波点蛋糕卷</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0059.jpg" alt="图片无法显示"></i><p>家常豆腐 </p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0060.jpg" alt="图片无法显示"></i><p>杂菜茭白粒</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0061.jpg" alt="图片无法显示"></i><p>回锅肉</p></a></li>
                    <li><a href="#"><i><img src="../img/zhizuo-img/0062.jpg" alt="图片无法显示"></i><p>玉米粒炒火腿肠</p></a></li>
                </ul>
            </div>
            <div class="recipe-clear">
                <a href="#"><input type="submit" value="查看更多"></a>
            </div>













        </main>
        <footer>
            <div class="footer">
                <div class="footer_top">
                    <ul>
                        <li><a href="../index.html">首页</a></li>
                        <li><a href="./caidan.html">菜谱</a></li>
                        <li><a href="./healthy.html">健康</a></li>
                        <li><a href="./community.html">社区</a></li>
                        <li><a href="./market.html">市集</a></li>
                    </ul>
                    <ul>
                        <li><a href="../html/logon.html">登录</a></li>
                        <li><a href="../html/logon - 1.html">注册</a></li>
                    </ul>
                    <ul>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer_bottom">
                    <a href="#">关于我们</a>
                    <a href="#">English</a>
                    <a href="#">广告服务</a>
                    <a href="#">免责声明</a>
                    <p>39班第二小组全员2020-2020 ALL RIGHTS RESERVED.川ICP备xxxxxxxxxxxxxx号</p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>